<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<title>DRG分组</title>
<link type="text/css" rel="stylesheet" href="<%=request.getContextPath()%>/css/drgsGroup/drgsGroup.css">
<link type="text/css" rel="stylesheet" href="<%=request.getContextPath()%>/lib/assets/css/styles.css">	
</head>
<body>
	<div class="container-fluid" id="drgsServiceContainer">
		<div class="row">
			<div class="col-sm-12">
				<div id="card">
					<div class="center-block-drggrouppage" id="hospInfo" style="position: relative;">
						<div class="row">
							<h1><i class="fa fa-hospital fa-lg text-blue"></i>&nbsp;&nbsp;DRG分组</h1>
							<div class="form-horizontal" id="hospForm">
								<div class="form-group">
									<div class="row" style="padding: 0 15px;">
										<span style="width: 70px; float: left; margin-top: 15px; font-weight: bold; text-align: right;">起始日期:</span>
										<!-- 开始时间 -->
										<div style="float: left; margin: 5px;">
											<input id="outFrom_date" size="16" type="text" readonly="readonly" class="form-control" style="width: 120px; background-color: white; cursor: text;">
										</div>
										<span style="width: 70px; float: left; margin-top: 15px; font-weight: bold; text-align: right;">结束日期:</span>
										<!-- 结束时间 -->
										<div style="float: left; margin: 5px;">
											<input id="outTo_date" size="16" type="text" readonly="readonly" class="form-control" style="width: 120px; background-color: white; cursor: text;">
										</div>
									</div>
								<div class="row" style="padding: 0 15px;">
									 <span style="width: 70px; float: left; margin-top: 15px; font-weight: bold; text-align: right;">日期类型:</span>
										<!-- 日期类型 -->
										<div style="float: left; margin: 5px;">
											<select id="date_type" class="form-control" style="width: 120px; background-color: white; cursor: text;" >
												<option value="out_date">出院日期</option>
												<option value="push_date">推送日期</option>
											</select>
										</div>
										<div style="float: left; margin: 5px;">
											<!-- <button class="btn btn-primary" onclick="compute()">开始分组</button> -->
											<button class="btn btn-primary" id="drgServiceGroupStart">开始分组</button>
										</div>
									</div>
								</div>
								<div id="percentbar" class="progress" style="width: 100%; float: left; cursor: point; display:none;">
									<div id="percent" class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuemin="0" aria-valuemax="100"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 计时器 -->
		<div id="groupClock" class="clock inactive z-depth-1">
			<span>0:00:00.0</span>
			<div class="overlay waves-effect"></div>
		</div>
		<!-- 加载进度条 -->
		<div id="canvas" align="center">
			<div class="circle" id="loadMrProgress"></div>
			<div class="circle" id="MrGroupProgress"></div>
			<div class="circle" id="DRGsCountProgress"></div>			
			<br />
			<span style="margin:50px"><b>数据组装</b></span>
			<span style="margin:50px"><b>数据分组</b></span>
			<span style="margin:50px"><b>DRGs组数</b></span>
			<br /><br />
			
			<button id="add_width_button">Width +10</button>
			<button id="substract_width_button">Width -10</button>
			<button id="colors_button">Swap colors</button>
		</div>
		
		<!-- 加载分组结果 -->
		<div id="groupResult">
			<ul class="groupResultBox">
				<li>
					<div class="top"></div>
					<div class="left"></div>
					<div class="bottom"></div>
					<div class="right"></div>
					<img src="<%=request.getContextPath()%>/images/g1.jpg" alt="">
					<p>病例总数</p>
					<span class="counter" id="mrTotalCount"></span>
				</li>
				<li>
					<div class="top"></div>
					<div class="left"></div>
					<div class="bottom"></div>
					<div class="right"></div>
					<img src="<%=request.getContextPath()%>/images/g2.jpg" alt="">
					<p>大于60天病例数</p>
					<span class="counter" id="mrGt60Count"></span>
				</li>
				<li>
					<div class="top"></div>
					<div class="left"></div>
					<div class="bottom"></div>
					<div class="right"></div>
					<img src="<%=request.getContextPath()%>/images/g3.jpg" alt="">
					<p>入组病例数</p>
					<span class="counter" id="mrCountInDRGs"></span>
				</li>
				<li>
					<div class="top"></div>
					<div class="left"></div>
					<div class="bottom"></div>
					<div class="right"></div>
					<img src="<%=request.getContextPath()%>/images/g4.jpg" alt="">
					<p>入组率</p>
					<span class="counter" id="mrCountInDRGsRatio"></span>
				</li>
				<li>
					<div class="top"></div>
					<div class="left"></div>
					<div class="bottom"></div>
					<div class="right"></div>
					<img src="<%=request.getContextPath()%>/images/g5.jpg" alt="">
					<p>未入组病例数</p>
					<span class="counter" id="mrCountNotInDRGs"></span>
				</li>
				<li>
					<div class="top"></div>
					<div class="left"></div>
					<div class="bottom"></div>
					<div class="right"></div>
					<img src="<%=request.getContextPath()%>/images/g7.jpg" alt="">
					<p>分组错误病例数</p>
					<span id="DRGsVersion"></span>
				</li>
				
			</ul>
		</div>
		
	</div>
</body>

<!-- 计时器 js -->
<script type="text/javascript" src="<%=request.getContextPath()%>/lib/assets/js/stopwatch.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/dataMonitor/drgServiceGroup.js"></script>

</html>